<!DOCTYPE html>
<html>

	<head>
		<!--
			创建人：睢小玉
			修改时间：2019-8-3
		-->
		<meta charset="UTF-8">
		<title>分类管理</title>
		<link rel="stylesheet" href="css/flgl.css" />
		<!-- 去掉表格加载数据字样 -->
		<link href="command/bower_components/bootstrap-table/dist/bootstrap-table.min.css" type="text/css" rel="stylesheet">
		</script>
		<link href="command/Bootstrap/bootstrap-3.3.0/css/bootstrap-theme.css" type="text/css" rel="stylesheet" />
		<link href="command/Bootstrap/bootstrap-3.3.0/css/bootstrap-theme.min.css" type="text/css" rel="stylesheet" />
		<link href="command/Bootstrap/bootstrap-3.3.0/css/bootstrap.css" type="text/css" rel="stylesheet" />
		<link href="command/Bootstrap/bootstrap-3.3.0/css/bootstrap.min.css" type="text/css" rel="stylesheet" />
		<script src="command/jquery-3.4.0.min.js"></script>
		<script src="command/Bootstrap/bootstrap-3.3.0/js/bootstrap.min.js"></script>
		<script src="command/bower_components/bootstrap-treeview/dist/bootstrap-treeview.min.js"></script>
		<script src="command/bower_components/moment/min/moment.min.js"></script>
		<script src="command/bower_components/moment/min/locales.min.js"></script>
		<script src="command/bower_components/bootbox/bootbox.min.js"></script>
		<script src="command/bower_components/bootstrap-select/js/bootstrap-select.js"></script>
		<script src="command/bower_components/bootstrap-switch/dist/js/bootstrap-switch.min.js"></script>
		<script src="command/bower_components/bootstrap-table/dist/bootstrap-table.min.js"></script>
		<script src="command/bower_components/bootstrap-table/dist/locale/bootstrap-table-zh-CN.js"></script>
		<script src="command/bower_components/moment/min/moment-with-locales.min.js"></script>
		<!-- 时间控件引入文件 -->
		<link rel="stylesheet" href="command/bootstrap-datetimepicker-master/css/bootstrap-datetimepicker.min.css" type="text/css" />
		<link rel="stylesheet" href="command/bootstrap-datetimepicker-master/css/bootstrap-datetimepicker.css" type="text/css" />
		<script type="text/javascript" src="command/bootstrap-datetimepicker-master/js/bootstrap-datetimepicker.js"></script>
		<script type="text/javascript" src="command/bootstrap-datetimepicker-master/js/bootstrap-datetimepicker.min.js"></script>
		<script type="text/javascript" src="command/bootstrap-datetimepicker-master/js/locales/bootstrap-datetimepicker.zh-CN.js"></script>
		<script src="js/flgl.js"></script>
		
	</head>

	<body>
		<div style="font-family: '微软雅黑';font-size: 25px;padding-left:20px ;padding-top: 20px;font-weight:bold ;">分类管理</div>
		<br />
		<!-- 查询区域 -->
		<div class="col-md-12 form-inline">
			<form>
				<!-- 查询 -->
				<div class="form-group" style="margin-left: 20px;">
					<label class="control-label" for="txtcx">查询:</label>
					<input type="text" name="cx" id="txtcx" maxlength="10" class="form-control" required="required" />
					<button id="btnchaxun" class="btn1" type="button">★&nbsp;查&nbsp;询</button>
				</div>
			</form>
			<!---->
		</div><br /><br /><br /><br />
		<!--按钮组-->
		<div class="form-inline row col-md-12">
			<!-- 新增 -->
			<button id="btnxinz" class="btn1">＋&nbsp;新&nbsp;增</button>
			<!-- 修改-->
			<button id="btnxiugai" class="btn1">Δ&nbsp;修&nbsp;改</button>
			<!-- 删除 -->
			<button id="btndele" class="btn1">－&nbsp;删&nbsp;除</button>
			<!-- 删除 -->
			<!--<button id="btnqyty" class="btn2" onclick="qyty()">×&nbsp;停用/启用</button>
			<!--查询-->

		</div><br /><br /><br /><br /><br /><br />
		<div class="row col-md-10" style="margin-left: 20px;">
			<table id="tblUser"></table>
		</div>
		<!--新增的模态框 -->
		<!--fade类表示模态框的淡入淡出。modal类表示把这个div识别为模态框-->
		<div class="modal fade " id="divData" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
			<div class="modal-dialog">
				<div class="modal-content motai" style="background-color: #AFD9EE;">
					<!-- 模态框标题 -->
					<div class="modal-header">
						<!-- 关闭模态框窗口的触发点 -->
						<button type="button" class="close" data-dismiss="modal" aria-hidden="true">关闭</button>
						<!-- 模态窗口里的标题 -->
						<h4 class="modal-title">新增数据输入</h4>
					</div>
					<!-- 模态框的身体 -->

					<div class="modal-body" class='m1'>
						<!-- 数据输入表单 -->
						<form>
							<div class="row" style="margin-bottom: 10px;">
								<div class="col-md-4">
									<label class="control-label" for="name1">员工姓名：</label>
									<input type="text" name="name1" id="name1" maxlength="20" class="form-control" required="required" />
								</div>
								<div class="col-md-4">
									<label class="control-label" for="sex">员工性别：</label>
									<input type="text" name="sex" id="sex" maxlength="20" class="form-control" required="required" />
								</div>
								<div class="col-md-4">
									<label class="control-label" for="phone">员工手机号：</label>
									<input type="text" name="phone" id="phone" maxlength="20" class="form-control" required="required" />
								</div>
							</div>
							<div class="row" style="margin-bottom: 10px;">
								<div class="col-md-4">
									<label class="control-label" for="limit1">权限：</label>
									<input type="text" name="limit1" id="limit1" maxlength="20" class="form-control" required="required" />
								</div>
								<div class="col-md-4">
									<label class="control-label" for="fromsupplier">来自的供应厂商：</label>
									<input type="text" name="fromsupplier" id="fromsupplier" maxlength="20" class="form-control" required="required" />
								</div>
								<div class="col-md-4">
									<label class="control-label" for="managername">主管的姓名：</label>
									<input type="text" name="managername" id="managername" maxlength="20" class="form-control" required="required" />
								</div>
							</div>
							<div class="row" style="margin-bottom: 10px;">
								<div class="col-md-4">
									<label class="control-label" for="state">状态（停用或启用）：</label>
									<input type="text" name="state" id="state" maxlength="20" class="form-control" required="required" />
								</div>
								<div class="col-md-4">
									<label class="control-label" for="creater">创建人：</label>
									<input type="text" name="creater" id="creater" maxlength="20" class="form-control" required="required" />
								</div>
								<div class="input-group date form_date" style="margin-top: 20px;margin-left: 15px;">
									<input id="createtime" class="form-control" value="" name="createtime" readonly placeholder="创建时间" type="text" />
									<span class="input-group-addon" style="width: 25%;"><span class="glyphicon glyphicon-calendar"></span></span>
								</div>
							</div>
							<div class="row" style="margin-bottom: 10px;">
								<div class="col-md-4">
									<label class="control-label" for="updater">更新人：</label>
									<input type="text" name="updater" id="updater" maxlength="20" class="form-control" required="required" />
								</div>
								<div class="input-group date form_date" style="margin-top: 20px;margin-left: 15px;">
									<input id="updatetime" class="form-control" value="" name="updatetime" readonly placeholder="更新时间" type="text" />
									<span class="input-group-addon" style="width: 25%;"><span class="glyphicon glyphicon-calendar"></span></span>
								</div>

							</div>
							<div class="row" style="margin-bottom: 10px;">
								<div class="col-md-4">
									<label class="control-label" for="userId">账号：</label>
									<input type="text" name="userId" id="userId" maxlength="20" class="form-control" required="required" />
								</div>
								<div class="col-md-4">
									<label class="control-label" for="password1">密码：</label>
									<input type="text" name="password1" id="password1" maxlength="20" class="form-control" required="required" />
								</div>
								<div class="col-md-4">
									<label class="control-label" for="email">邮箱：</label>
									<input type="text" name="email" id="email" maxlength="20" class="form-control" required="required" />
								</div>

							</div>
							<div class="row" style="margin-bottom: 10px;">
								<div class="col-md-4">
									<label class="control-label" for="workplace">工作地点：</label>
									<input type="text" name="workplace" id="workplace" maxlength="20" class="form-control" required="required" />
								</div>
								<div class="col-md-4">
									<label class="control-label" for="servicearea">服务范围：</label>
									<input type="text" name="servicearea" id="servicearea" maxlength="20" class="form-control" required="required" />
								</div>
								<div class="col-md-4">
									<label class="control-label" for="duty">职务：</label>
									<input type="text" name="duty" id="duty" maxlength="20" class="form-control" required="required" />
								</div>

							</div>
							<div class="row" style="margin-bottom: 10px;">
								<div class="col-md-4">
									<label class="control-label" for="educationbackground">学历：</label>
									<input type="text" name="educationbackground" id="educationbackground" maxlength="20" class="form-control" required="required" />
								</div>
								<div class="col-md-4">
									<label class="control-label" for="personid">身份证号：</label>
									<input type="text" name="personid" id="personid" maxlength="20" class="form-control" required="required" />
								</div>
								<div class="col-md-4">
									<label class="control-label" for="remark">备注：</label>
									<input type="text" name="remark" id="remark" maxlength="20" class="form-control" required="required" />
								</div>

							</div>
					</div>
					<!-- 模态框底部 -->
					<div class="modal-footer" class='col-md-6'>
						<button type="button" class="btn btn-primary" id="btnbaocun">保存</button>
					</div>
					</form>
				</div>
			</div>
		</div>

		<!--修改的模态框 -->
		<!--fade类表示模态框的淡入淡出。modal类表示把这个div识别为模态框-->
		<div class="modal fade " id="divData1" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
			<div class="modal-dialog">
				<div class="modal-content motai" style="background-color: #AFD9EE;">
					<!-- 模态框标题 -->
					<div class="modal-header">
						<!-- 关闭模态框窗口的触发点 -->
						<button type="button" class="close" data-dismiss="modal" aria-hidden="true">关闭</button>
						<!-- 模态窗口里的标题 -->
						<h4 class="modal-title">修改数据输入</h4>
					</div>
					<!-- 模态框的身体 -->
					<div class="modal-body">
						<div class="row" style="display: none;">
							<div class="col-md-2">
								<label class="control-label" for="bianhao">编号：</label>
							</div>
							<div class="col-md-4">
								<input type="text" id="bianhao" maxlength="20" class="form-control" required="required" />
							</div>
						</div>
						<!-- 数据输入表单 -->
						<form>
							<div class="row" style="display: none;">
								<label for="suppliecharacterid">登入主键</label>
								<input type="text" name="suppliecharacterid1" id="suppliecharacterid1" maxlength="100" />
							</div>
							<div class="row" style="margin-bottom: 10px;">
								<div class="col-md-4">
									<label class="control-label" for="name1">员工姓名：</label>
									<input type="text" name="name11" id="name11" maxlength="20" class="form-control" required="required" />
								</div>
								<div class="col-md-4">
									<label class="control-label" for="sex">员工性别：</label>
									<input type="text" name="sex" id="sex" maxlength="20" class="form-control" required="required" />
								</div>
								<div class="col-md-4">
									<label class="control-label" for="phone">员工手机号：</label>
									<input type="text" name="phone" id="phone" maxlength="20" class="form-control" required="required" />
								</div>
							</div>
							<div class="row" style="margin-bottom: 10px;">
								<div class="col-md-4">
									<label class="control-label" for="limit1">权限：</label>
									<input type="text" name="limit1" id="limit1" maxlength="20" class="form-control" required="required" />
								</div>
								<div class="col-md-4">
									<label class="control-label" for="fromsupplier">来自的供应厂商：</label>
									<input type="text" name="fromsupplier" id="fromsupplier" maxlength="20" class="form-control" required="required" />
								</div>
								<div class="col-md-4">
									<label class="control-label" for="managername">主管的姓名：</label>
									<input type="text" name="managername" id="managername" maxlength="20" class="form-control" required="required" />
								</div>
							</div>
							<div class="row" style="margin-bottom: 10px;">
								<div class="col-md-4">
									<label class="control-label" for="state">状态（停用或启用）：</label>
									<input type="text" name="state" id="state" maxlength="20" class="form-control" required="required" />
								</div>
								<div class="col-md-4">
									<label class="control-label" for="creater">创建人：</label>
									<input type="text" name="creater" id="creater" maxlength="20" class="form-control" required="required" />
								</div>
								<div class="input-group date form_date" style="margin-top: 20px;margin-left: 15px;">
									<input id="createtime" class="form-control" value="" name="createtime" readonly placeholder="创建时间" type="text" />
									<span class="input-group-addon" style="width: 25%;"><span class="glyphicon glyphicon-calendar"></span></span>
								</div>
							</div>
							<div class="row" style="margin-bottom: 10px;">
								<div class="col-md-4">
									<label class="control-label" for="updater">更新人：</label>
									<input type="text" name="updater" id="updater" maxlength="20" class="form-control" required="required" />
								</div>
								<div class="input-group date form_date" style="margin-top: 20px;margin-left: 15px;">
									<input id="updatetime" class="form-control" value="" name="updatetime" readonly placeholder="更新时间" type="text" />
									<span class="input-group-addon" style="width: 25%;"><span class="glyphicon glyphicon-calendar"></span></span>
								</div>

							</div>
							<div class="row" style="margin-bottom: 10px;">
								<div class="col-md-4">
									<label class="control-label" for="userId">账号：</label>
									<input type="text" name="userId" id="userId" maxlength="20" class="form-control" required="required" />
								</div>
								<div class="col-md-4">
									<label class="control-label" for="password1">密码：</label>
									<input type="text" name="password1" id="password1" maxlength="20" class="form-control" required="required" />
								</div>
								<div class="col-md-4">
									<label class="control-label" for="email">邮箱：</label>
									<input type="text" name="email" id="email" maxlength="20" class="form-control" required="required" />
								</div>

							</div>
							<div class="row" style="margin-bottom: 10px;">
								<div class="col-md-4">
									<label class="control-label" for="workplace">工作地点：</label>
									<input type="text" name="workplace" id="workplace" maxlength="20" class="form-control" required="required" />
								</div>
								<div class="col-md-4">
									<label class="control-label" for="servicearea">服务范围：</label>
									<input type="text" name="servicearea" id="servicearea" maxlength="20" class="form-control" required="required" />
								</div>
								<div class="col-md-4">
									<label class="control-label" for="duty">职务：</label>
									<input type="text" name="duty" id="duty" maxlength="20" class="form-control" required="required" />
								</div>

							</div>
							<div class="row" style="margin-bottom: 10px;">
								<div class="col-md-4">
									<label class="control-label" for="educationbackground">学历：</label>
									<input type="text" name="educationbackground" id="educationbackground" maxlength="20" class="form-control" required="required" />
								</div>
								<div class="col-md-4">
									<label class="control-label" for="personid">身份证号：</label>
									<input type="text" name="personid" id="personid" maxlength="20" class="form-control" required="required" />
								</div>
								<div class="col-md-4">
									<label class="control-label" for="remark">备注：</label>
									<input type="text" name="remark" id="remark" maxlength="20" class="form-control" required="required" />
								</div>

							</div>
					</div>
					<!-- 模态框底部 -->
					<div class="modal-footer" class='col-md-6'>
						<button type="button" class="btn btn-primary" id="btnbaocun1">保存</button>
					</div>
					</form>
				</div>
			</div>
		</div>

		<!-- 时间控件脚本 -->
		<script type="application/javascript">
			//时间控件初始化之后设计
			$(".form_date").datetimepicker({
				language: 'zh-CN', //中英文
				weekStart: 1, //一周从哪一天开始
				todayBtn: 1, //当天日期按钮
				autoclose: 1, //选完时间后是否自动关闭
				todayHighlight: 1, //当天日期高亮
				starView: 2, //选完时间首先显示的视图
				minView: 2, //最精确的时间
				fourceParse: 0, //制解析
				format: "yyyy-mm-dd", //显示格式
				pickerPosition: "bottom-left" //选择框的位置
			});
		</script>

	</body>

</html>